<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel="stylesheet" href="http://static.notyourwork.com/css/reset.css" />
        <link rel="stylesheet" href="http://static.notyourwork.com/css/text.css" />
        <link rel="stylesheet" href="http://static.notyourwork.com/css/960.css" />
        <link rel="stylesheet" href="http://static.notyourwork.com/css/styles.css" />
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
        <script type="text/javascript" src="http://static.notyourwork.com/js/site.js"></script>

        <script language="JavaScript" src="/jsviz/0.3.3/physics/ParticleModel.js"></script>
        <script language="JavaScript" src="/jsviz/0.3.3/physics/Magnet.js"></script>
        <script language="JavaScript" src="/jsviz/0.3.3/physics/Spring.js"></script>
        <script language="JavaScript" src="/jsviz/0.3.3/physics/Particle.js"></script>
        <script language="JavaScript" src="/jsviz/0.3.3/physics/RungeKuttaIntegrator.js"></script>

        <script language="JavaScript" src="/jsviz/0.3.3/layout/graph/ForceDirectedLayout.js"></script>
        <script language="JavaScript" src="/jsviz/0.3.3/layout/view/HTMLGraphView.js"></script>
        <script language="JavaScript" src="/jsviz/0.3.3/layout/view/SVGGraphView.js"></script>

        <script language="JavaScript" src="/jsviz/0.3.3/util/Timer.js"></script>
        <script language="JavaScript" src="/jsviz/0.3.3/util/EventHandler.js"></script>

        <script language="JavaScript" src="/jsviz/0.3.3/io/DataGraph.js"></script>
        <script language="JavaScript" src="/jsviz/0.3.3/io/HTTP.js"></script>
        <script language="JavaScript" src="/jsviz/0.3.3/io/XMLTreeLoader.js"></script>
        <script language="javascript" src="/jsviz/load_jsvis.js"></script> 


        <style type="text/css">
            #vis_area{
                height:500px;
                background:#fff;
            }
        </style>
    </head>
    <body onload="init()">
        <div id="body">
            <div class="container_16 " id="header">
                <div class="grid_6" id="logo_box">
                    <img src="http://static.notyourwork.com/img/logo2.gif" id="logo"/>
                </div>
                <div class="grid_10" id="status"> 
                    <p>status scroller here, updates, changes, notifications.</p>
                    <p>status scroller here, updates, changes, notifications.</p>
                </div>
                
                <div class="clear"></div>
            </div>
            
            <div class="container_16 " id="nav">
                <div class="grid_16">
                    <div id="nav_top">
                        <span class="nav_top_item">Home</span>
                        <span class="nav_top_item">Home</span>
                        <span class="nav_top_item">Home</span>
                        <span class="nav_top_item">Home</span>
                        
                        <span class="nav_top_item nav_top_item_last" id="control_panel_button">Control Panel</span>
                    </div>
                </div>
                <!-- overlay begins here ignore this in regards to 960 grid structure--> 
                <div id="overleft" class="item_bottom">
                    
                    <div id="overleft_header">
                        <span class="nav_top_item nav_top_item_last">Hide</span>
                    </div>
                    <div id="control_panel" >
                    
                    </div>
                </div>
                <!-- overlay ends here --> 
                <div class="clear"></div>
                
                <div class="grid_16" id="vis_area">
                    <div id="debug" style=""></div>
                </div>
                <div class="clear"></div>

            </div><!-- end id=nav -->
        </div>
           
    </body>
</html>
